<br />
<br />

<style>
            .toolbox table { 
				width: 189px; 
				height: 50px; 
				background-color:#F0F0F0;		
				overflow:scroll;		
            }
            .toolbox th { 
				font-size:		13px;
				background-color: #D8E9FB;
			}
            .toolbox td{ 
				width:50%;
				font-weight:	bold;
				font-family:	verdana,arial,sans serif;
				line-height:	16px;
				font-size:		12px;
            }	
			.tabpanel{
				position:absolute; 
				font-size:11px;  
				top:107px; 
			}
</style>

<div  id="objectInspector" style="position:absolute; left:100px; top:10px">
<table cellspacing="1" width="189px" border="1"  frame="above" class="objectinspector" >
        <tr><th colspan="2">Object Inspector</th></tr>
        <tr>
            <th style="background-color: #F0F0F0" colspan="2">
                <select id="widget" style="width: 171px; " name="objectComp">
                      <option selected>Panel: Window01</option>
                </select>
            </th>
        </tr>
        <tr>
            <td  colspan="2">&nbsp;
				<div  class="tabpanelImg" style="background-image:url(img/tab.active.png); background-repeat:repeat-x; left:11px; width:148px">&nbsp;
					<div id="tabProperties" class="tabpanel">Properties </div>
					<div id="tabEvents" class="tabpanel" style="left:90px; color:#999999;">Events</div>
				</div>
	    	</td>
        </tr>
</table>
<table style="position:absolute; top:100px">
		<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
		<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
		<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
		<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
		<tr><td>&nbsp;</td><td>&nbsp;</td></tr>

</table>
</div>


<table id="objectInspector" class="toolbox"  frame="vsides" border="5"  cellspacing="2" width="200" border="0">
        <tr><th colspan="2">Object Inspector</th></tr>
        <tr>
            <th style="background-color: #F0F0F0" colspan="2">
                <select id="widget" style="width: 171px; " name="objectComp">
                      <option selected>Panel: Window01</option>
                </select>
            </th>
        </tr>
        <tr>
            <td  colspan="2">
				<div style="background-image:url(img/tab.active.png); background-repeat:repeat-x; top:2px; left:11px; width:148px">&nbsp;
					<div id="tabProperties" class="tabpanel" style="left:20px;">Properties </div>
					<div id="tabEvents" class="tabpanel" style="left:105px; color:#999999;">Events</div>
				</div>
	    	</td>
        </tr>

</table>

<script>
	
	
	//width:100px; height:18px
	elemTR = document.createElement("tr");
	elemTD = document.createElement("td");
	elemTD.setAttribute("id", "prop1");
	elemTD.innerHTML = "aaaa";
	elemTR.appendChild(elemTD);
	document.getElementById("objectInspector").appendChild(elemTR);

	
</script>
